/* 
 * Default Styling for all Servoy objects
 */
form {
	background-color: #fff;
	border: 0px solid;
}

form.gris_claro {
	background-color: #ece9d8;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

tabpanel {
	border: 1px solid;
	border-color: #408080;
}

tabpanel.verde_claro{
	background-color: #dcf0dc
}

tabpanel.header{
	border: 0px solid;
	background-color: #d4d4d4;
}

label, combobox, check, radio {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10px;
	color: #5c6e5c;
}

check.formulario{

	font-size: 8px;
	border-width: 0px;
	border-style: solid;
	color: #2961a9;
}

combobox.field{
	
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 8px;
	color: #5c6e5c;
}

combobox.formulario{
	
	font-size: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #009b00;
	color:  #008040;
}

label.parado{
	
	border-style: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	background-color: #ff0000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: white;
}

label.azul1{
	background-color: #007fff;
}

label.azul2{
	background-color: #005fbf;
}


label.header{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: #01603e;
	margin-left: 5px
}

label.header_green{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #00603E;
	background-color: #01603e;
	margin-left: 5px
}

label.error{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: red;
	background-color: #ffffff;
}

label.header_verde{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	/*color: #e8eee8;*/
	color: #000;
}

button{
	font-family: "Arial"
	font-size: 9px;
	font-weight: normal;
}

button.pequeño{
	font-family: "Tahoma";
	font-size: 8px;
	font-weight: normal;
	color: #01603e
}

button.pequeño_bold{
	font-family: "Tahoma";
	font-size: 8px;
	font-weight: bold;
}

button.selected{
	font-family: "Tahoma"
	font-size: 9px;
	font-weight: bold;
	color:#408080;
}

field, combobox {
	background-color: #FFF;
	color: #000;
	border: 1px solid;
	border-color: #c8c8c8;
}

field.obligatorio {

	color: #008040;
}

field.inactivo {
	background-color: #fff;
	font-size: 8px;
	border-color: #009b00;
	color: #2961a9;
}

field.inactivo_negrita {
	background-color: #fff;
	font-size: 8px;
	font-weight: bold;
	border-color:  #009b00;
}

field.listado {
	font-size: 8px;
	color: #000;
}

field.listado_grande_negrita{
	font-size: 10px;
	font-weight: bold;
	border-width: 0px;
	border-style: solid;
	color: #000;
}

field.formulario {
	font-size: 8px;
	border-width: 1px;
	border-style: solid;
	border-color:  #009b00;
	color: #008040;
	margin-left: 5px
}

field.numero{
	font-size: 10px;
	font-weight: bold;
	background-color: #fff;	
	color: black;	
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
}

combobox {}

check {}

radio {}

label {
	color: #727784;
}

label.fieldlabel {
	text-align: right;
	font-size: 8px;
}
label.fieldlabel_negrita {
	text-align: right;
	font-size: 8px;
	font-weight: bold;
	color: #008040;
}

label.fieldlabel_negrita_obligatorio {
	text-align: right;
	font-size: 8px;
	font-weight: bold;
	color: #800000;
}

label.tittle_little{
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}

label.title {
	font-size: 12px;
	font-weight: bold;
	background-color: #2961a9;
	color: #008040;
}

label.title_black {
	font-size: 12px;
	font-weight: bold;
	background-color: #2961a9;
	color: #000;
}

label.inactivo {
	background-color: #d4d4d4;
	border: 1px solid;
}

label.listado {
	
	color: black;
	font-size: 8px;
	margin-left: 5px
}


odd {
	background-color: #fff;
}

even {}

selected {
	background-color: #aad4ff;
	color: #000;
}

a.label {

	background-color: #800080;
}

/* 
 * Example of additional grid styling (Portals and TableViews)
 * The gridheader and gridcell style classes needs to be set on resp. the header labels and the cell elements of TableView's and Portals
 */
label.gridheader,
field.gridcell,
check.gridcell,
radio.gridcell,
combobox.gridcell,
label.gridcell,
button.gridcell {
	border: 0px solid #C9CACA;
	border-right-width: 1px;
	margin-left: 5px;
	margin-right: 3px;
}

label.gridheader {
	text-align: left;
	/*color: #5C5C5D; */
	color: red;
}

tabpanel.grid { /*Style for a TabPanel that contains just a TableView*/
	border: 1px solid #C9CACA;
}

/*
 * Example style for the main form of a solution
 */
form.main {
	background-color: white;	
}

/* 
 * Example of how to define custom styling for a form with a specific StyleClass
 * These styles are applied to form and its element on forms on which the StyleClass is set to "detail"
 */
form.detail {
}

form.detail field.pk { /*Style for Fields having a StyleClass "pk" on a form having StyleClass ""detail*/
	background-color: #5B6B7B;
	color: #FFF;
	border: 0px solid #FFF;
	border-left-width: 1px; /*This makes the field appear the same width when left aligned with a field that has a 2px ridge border*/
}

tabpanel.detail { /*StyleClass for a tabpanel in which a detail form is displayed*/
	border: 3px solid #FFF;	
}